{extend name="public/base"}
{block name='main'}

<!-- 广告 -->
<div class="layui-container mb20">
  <div class="banner-wrap"><!--矩形广告位-->
  </div>
</div>
<!-- 广告 end-->
<!-- 主体开始 -->
<style type="text/css">
  .layui-nav-tree{width: 200px!important;}
</style>
<div class="layui-container fly-marginTop fly-user-main">
  {include file="ucenter/ucleft" /}
  <div class="fly-panel fly-panel-user" pad20>
    <div class="layui-tab layui-tab-brief" >
      <div class="fly-panel-border">
        <div class="fly-panel-main layui-text" style="padding:15px; height: 50px; line-height: 26px;">
          <li><p>总积分</p><cite>{$info.score}</cite></li><i class="fly-mid-info"></i>
          <li><p>上传文档</p><cite>{$info.up}</cite></li><i class="fly-mid-info"></i>
          <li><p>文档被下载</p><cite>{$info.doc}</cite></li><i class="fly-mid-info"></i>
          <li><p>系统奖励</p><cite>{$info.system}</cite></li><i class="fly-mid-info"></i>
          <li><p>文库消费</p><cite>{$info.down}</cite></li><i class="fly-mid-info"></i>
          <li><p>文库惩罚</p><cite>{$info.chengfa}</cite></li><i class="fly-mid-info"></i>
          <li><p>充值所得</p><cite>{$info.pay}</cite></li>
        </div>
      </div>

      <div class="fly-list-info2">
        <li>积分充值：  1元 = {:config('web_config.score_pay.getscore')}{:config('web_config.score_pay.getscore')}，充值出现问题请尽快联系客服！ 客服 微信/QQ：{:config('web_config.site_qq')}</li>
      </div>

      <form class="layui-form layui-form-pane" method="post" action="{:url('ucenter/pay')}" style="margin-top: 20px;" target="f1">
        <iframe name="f1" style="display:none;" ></iframe>
        <input type="hidden" name="payid"  value="Alipay" id="payinpt">
        <div class="layui-form-item" >
          <div class="pay-list">
            {volist name="paymentdata" id="vo"}
              {if condition="$vo['mark'] != 'Wechat'"}
            <li title="{$vo.mark}" {eq name="key" value="0"}class="pay-item pay-checked"{/eq} class="pay-item" >{$vo.name}
            <i  {eq name="key" value="0"}class="check"{/eq} ></i>
                </li>
                {/if}
            {/volist}
          </div>
        </div>
        <div class="layui-form-item">
          <label for="L_username" class="layui-form-label">金额</label>
          <div class="layui-input-inline" style="width: 348px;">
            <input type="number" name="cash" class="layui-input" lay-verify="required"  placeholder="请输入金额" value="10">
          </div>
        </div>
        <div class="layui-form-item">
          <button class="layui-btn" type="submit">开始充值</button>
        </div>
      </form>

    </div>
  </div>
</div>

<script>
  layui.use(['form' , 'laydate','jquery','upload'], function(){
    var form = layui.form , laydate = layui.laydate , $ = layui.jquery , upload = layui.upload;

// 选择支付方式
    $(function(){
      $(".pay-list li").click(function() {
        $(this).siblings('li').removeClass('pay-checked').children('i').removeClass('check');   // 删除其他兄弟元素的样式
        $(this).addClass('pay-checked').children('i').addClass('check');                            // 添加当前元素的样式
        $('#payinpt').val($(this).attr("title"));
      });
    });
  });

</script>
<script>
  layui.cache.page = 'user';
  layui.config({
    base: '__PUBLIC__/theme/blueideal/mods/' //这里实际使用时，建议改成绝对路径
  }).extend({
    fly: 'index'
  }).use('fly');
</script>
<!-- 主体结束 -->
{/block}